<template>
  <div>
    <h1>App根组件</h1>
    <Parent></Parent>
  </div>
</template>
<!-- 
  vue3中实现跨级组件的通信
  provider和inject来实现
 -->
<script lang='ts' setup>
import Parent from '@/views/Parent.vue'
import {provide} from 'vue'
//provide的两个参数：参数1：唯一标识, 参数2：发送的信息
provide('gileskey',"来自爷爷的信息")
</script>

<style lang='scss' scoped>
</style>